<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Bootstrap表格插件金视野系统模板</title>
		<meta name="keywords" content="金视野,教育,平台" />
		<meta name="description" content="金视野开发部,模板,2017" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
		<link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.full.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<!-- fonts -->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
        <link rel="stylesheet" href="assets/css/chosen.css" />
		<link rel="stylesheet" href="assets/css/datepicker.css" />
		<link rel="stylesheet" href="assets/css/bootstrap-timepicker.css" />
		<link rel="stylesheet" href="assets/css/daterangepicker.css" />
		<link rel="stylesheet" href="assets/css/colorpicker.css" />
		<!-- ace styles -->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		
		<![endif]-->
		<style>
			
		
			.table-responsive table tr{
				
				text-align: center;
			}
			.table-responsive table tr th{
				border-bottom: 1px !important;
				text-align: center;
			
			}
		
			.yemabg{
				
			    border-top-width: 0px;
			    margin-top: 20px !important;
			    padding-right:0 ;
				background: none;
			}
			.float-left{
				float: left;
			}
			.float-right{
				float:right;
			}
			.jianju{
				margin: 5px;
			}
			
			.btn-bg{
				background: dodgerblue !important;
				/*height: 30px !important;*/
				border: 0;
				border-radius: 2px !important;
				padding: 5px 10px !important;
			}
			
			.navright{
				line-height: inherit;
				margin-right: 0px;
				display: inline-block !important;
				
			}
			
			.blue{
				color: dodgerblue !important;
			}
			
			.icon-color{
				color: #428bca;
			}
			@media only screen and (max-width:768px ) {
				.xiala{
					width: 220px;
				
			}
		</style>
	</head>

	<body>
		

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">			

				<div class="main-content" style="margin-left:0px;">
					<div class="breadcrumbs " id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb ">
							<li>
								<i class=" icon-home home-icon"></i>
								行政事务
							</li>

							<li>事务及文件审批</li>
							
						</ul><!-- .breadcrumb -->
						<ul class="breadcrumb pull-right navright" >
							<li>
								<i class="icon-share-alt icon-color"></i>
								<a href="jsywebindex.html">返回</a>
							</li>
						</ul><!-- .breadcrumb -->

						
					</div>

					<div class="page-content" style="padding-top: 20px;">
						<div class="page-header" style="border-bottom: none;">
							<div>
							<!--搜索-->
							<div class="widget-box" style="border-bottom: none;">
								
												
								<form class="form-search">
									<div class="row">
										<div class="col-xs-12 col-sm-12" >
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">标题：</span>
												<div class="input-group input-group-sm float-left"style="width: 220px;">
													<input type="text"  class="form-control"  placeholder="请输入标题" />
													
												</div>
											
											</div>
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">申请人：</span>
												<div class="input-group input-group-sm float-left"style="width: 206px;">
													<input type="text"  class="form-control"  placeholder="请输入名字">
												</div>
											
											</div>
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">状态：</span>
												<div class="input-group input-group-sm float-left xiala">
													<select type="text"  class="form-control"  >
														<option>全部</option>
														<option>已读</option>
														<option>未读</option>
														<option>发出</option>
														<option>撤销</option>
													</select>
												</div>
											
											</div>
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">进程：</span>
												<div class="input-group input-group-sm float-left xiala">
													<select type="text"  class="form-control"  >
														<option>全部</option>
														<option>阅毕</option>
														<option>处理中</option>
														<option>新建</option>
														<option>新建/撤销</option>
														<option>已撤销</option>
													</select>
												</div>
											
											</div>
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">开始日期：</span>	
												<div class="input-group input-group-sm float-left">
													<!--<span>开始时间：</span>-->
													<input type="text" id="datepicker" class="form-control"  placeholder="12/13/2017" readonly  style="cursor:pointer;"/>
													<span class="input-group-addon">
														<i class="icon-calendar"></i>
													</span>
													
												</div>
											</div>
											<div class="input-group float-left jianju">
												<span class="float-left" style="line-height: 30px;">结束日期：</span>	
												<div class="input-group input-group-sm float-left">
													<!--<span>开始时间：</span>-->
													<input type="text" id="datepicker1" class="form-control"  placeholder="12/13/2017" readonly  style="cursor:pointer"/>
													<span class="input-group-addon">
														<i class="icon-calendar"></i>
													</span>
													
												</div>
											</div>
										
											<div class="input-group float-left jianju " style="width: 60px;">
												<span class="input-group-btn">
													<button type="button" class="btn btn-info btn-xs">
													查询
													
													</button>
												</span>
											</div>
											<div class="input-group float-right jianju"  style="width: 60px;">
												<a href="jsynewshenpi.html" class="input-group-btn">
													<button type="button" class="btn btn-info btn-xs">
													<i class=" icon-edit icon-on-right bigger-110"></i>
													新建审批
													</button>
												</a>
											</div>
										</div>
		

									</div>
								</form>
							</div>
											
										
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<div class="row">
									<div class="col-xs-12" >
										<div id="main">
										<div class="table-responsive " style="margin-top: 20px;">
											<table id="sample-table-1" class="table table-striped table-bordered table-hover" >
												<thead>
													<tr>
														
														<th>标题</th>
														<th>申请人</th>
														<th class="hidden-480">状态</th>

														<th class="hidden-480">进程</th>

														<th>发布时间</th>
														
													</tr>
												</thead>

												<tbody id="mainbody"> 
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">学校下周召开家长会</a>
														</td>
														<td>司徒紫云</td>
														<td class="hidden-480">等待</td>
														<td>审批中</td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">学校举行秋季运动会请各班上班运动员</a>
														</td>
														<td>司徒紫云</td>
														<td class="hidden-480">已批</td>
														<td> 审批中 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份</a>
														</td>
														<td>李尚</td>
														<td class="hidden-480">已批</td>
														<td>审毕</td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">热烈庆祝我校有三3同学进入奥数复赛</a>
														</td>
														<td>李尚</td>
														<td class="hidden-480"><a  href="#modal-table" role="button" class="red" data-toggle="modal">未批</a></td>
														<td>新建 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴</td>
														<td><a href="#modal-table" role="button" class="red" data-toggle="modal"> 未批</a>
														</td>
														<td class="hidden-480">审批中</td>
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">发出</td>
														<td><a href="#modal-table" role="button" class="red" data-toggle="modal"> 新建/撤销</a> </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">发出</td>
														<td>审批中</td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">发出</td>
														<td>审毕 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr><tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr><tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr><tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr><tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行请</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">被退回</td>
														<td> 退回 </td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
													<tr  id="delCell">
														<td>
															<a href="jsyshenpixiangqing.html">全省奥数比赛将于2017年8月份举行</a>
														</td>
														<td>方晴<span style="color:#FF6600 ;">【我】</span></td>
														<td class="hidden-480">撤销</td>
														<td>已撤销</td>
														
														<td class="hidden-480">
															2017/11/26  17:30
														</td>	
													</tr>
												</tbody>
											</table>
										    
										</div><!-- /.table-responsive -->
										<div class="modal-footer no-margin-top yemabg" >

												<ul class="pagination pull-right no-margin">
													<li class="prev disabled">
														<a href="#">
															<i class="icon-double-angle-left"></i>
														</a>
													</li>

													<li class="active">
														<a href="#">1</a>
													</li>

													<li>
														<a href="#">2</a>
													</li>

													<li>
														<a href="#">3</a>
													</li>
													<li>
														<a href="#">4</a>
													</li>
													<li>
														<a href="#">5</a>
													</li>
													
													<li>
														<a href="#">...</a>
													</li>
													<li>
														<a href="#">30</a>
													</li>

													<li class="next">
														<a href="#">
															<i class="icon-double-angle-right"></i>
														</a>
													</li>
												</ul>
											</div>
									</div><!-- /span -->
								</div><!-- /row -->

								
                                  <div id="modal-table1" class="modal fade1" tabindex="-1">
									<div class="modal-dialog" style="margin-top: 80px;">
										<div class="modal-content">
											<div class="modal-header no-padding">
												<div class="table-header" style="padding: 10px 10px;font-size: 20px;background: #F8F8F8;color: #000000;text-align: center;">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
														<span style="font-size: 24px;" >&times;</span>
													</button>
													删除
												</div>
											</div>
											<div>
													<p style="font-size: 16px;text-align: left;text-indent: 2em;margin-top: 20px;margin-bottom: 20px;">是否确认删除？</p>
												</div>
												

											
											<div class="modal-footer no-margin-top" style="text-align: center;background: #FFFFFF;border: 0px;">
												<button id="del_btn" class="btn btn-app btn-danger btn-sm" onClick="delrow();" style="font-size: 14px;text-align:center;padding:0px;vertical-align:middle ;line-height:20px; margin:0px; Height:40px;Width:90px;border:none;border-radius:2px;" data-dismiss="modal">
													删除
												</button>
												<button class="btn btn-sm  " style="font-size: 14px;text-align:center;padding:0px;vertical-align:middle ;line-height:20px; margin:0px; Height:40px;Width:90px;border:none;border-radius:2px;" data-dismiss="modal">
													取消
												</button>
	
											</div>
										</div><!-- /.modal-content -->
									</div><!-- /.modal-dialog -->
								</div><!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->

							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->
		            
                        
                    </div> 
				</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		

		<!-- <![endif]-->

		<!--[if IE]>

<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
	window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
	
	
</script>
<!--弹出框、table选项卡-->
<script src="assets/js/bootstrap.min.js"></script>


<!--日期选择js-->
<script src="assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src=" assets/js/jquery-ui-1.10.3.full.min.js"></script>
<script type="text/javascript">

//日期选择效果
$( "#datepicker" ).datepicker({
	showOtherMonths: true,
	selectOtherMonths: false,
	//isRTL:true,					
});
$( "#datepicker1" ).datepicker({
	showOtherMonths: true,
	selectOtherMonths: false,
	//isRTL:true,					
});
</script>
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
